<template>
  <div>
    <el-table
      :stripe="stripe"
      :data="yugao"
      class="ws1"
      height="420"
      :header-cell-style="{ textAlign: 'center' }"
      :cell-style="{ textAlign: 'center' }"
    >
      <el-table-column prop="mname" label="电影名" width="100"> </el-table-column>
      <el-table-column prop="director" label="导演" width="110"> </el-table-column>
      <el-table-column prop="mrole" label="主演" width="150"> </el-table-column>
      <el-table-column prop="mtype" label="类型" width="130"> </el-table-column>
      <el-table-column label="时长" width="80">
        <template #default="scope">
          <el-tag type="warning">{{ scope.row.duration }}分钟 </el-tag></template
        >
      </el-table-column>
    </el-table>
  </div>
</template>
<script setup>
import axios from 'axios'
import { ref, onMounted } from 'vue'
import '@/assets/scss/userCom/Phone/ws.scss'
const yugao = ref()
const stripe = ref(true)

onMounted(() => {
  axios.get('/api/movie/getMovieByMstate/即将上映').then((res) => {
    yugao.value = res.data
  })
})
</script>
